Vue.component('v-header',{
	template : "#v-header-template",
	data:function(){
		return{
			headersearch: "",
			iconshow: true
		};
	},
	methods:{
		// 提交搜索时弹出提醒框
		alertsearch: function(){
			this.$messagebox('提示', '搜索功能正在开发，敬请期待');
			this.headersearch = "";
			this.iconshow = true;
		},
		// 输入时隐藏搜索图标
		hidesearch: function(){
			this.iconshow = false;
		},
		// 无输入时显示搜索图标
		watchValue: function(){
			// console.log(this.headersearch.length);
			if(this.headersearch.length < 1){
				this.iconshow = true;
			}
		}
	}
});